<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>聚美优品--我的订单</title>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/style.css"/>
		<script src="__PUBLIC__/js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/js/header.js" type="text/javascript" charset="utf-8"></script>
	</head>
<!--公共头部 开始-->
<include file="__PUBLIC__/header.html"/>
<!--公共头部 结束-->
<body style="background: #EDE7E1;">
<!--个人中心开始-->
<div class="profile">
	<div class="nav fl">
		<div class="notice">
			<a href="photo.html" style="border-bottom: 0;padding:0;"><img src="__PUBLIC__/images/40296778-200.jpg" alt="" /></a>
			<p class="nickname"><a style="border:none;padding-left:0;line-height: 1.8;color:#ed145b" href="javascript:;">{$hd.session.uname}</a></p>
			<p><a style="border:none;padding-left:0;line-height: normal;" href="javascript:;" >普通会员</a></p>
			<!--<p class="uid">用户ID: 123456</p>-->
		</div>
		<h2><b></b>我的聚美优品</h2>
		<a href="{|U:'My/dingdan'}" class="list selected"><b></b>我的订单</a>
		<a href="javascript:;" class="fav"><b></b>我的收藏</a>
		<a href="javascript:;" class="member"><b></b>我的会员等级</a>
		<a href="javascript:;" class="credit"><b></b>我的金币</a>
		<h2><b></b>管理个人账户</h2>
		<a href="javascript:;" class="settings"><b></b>设置账户信息</a>
		<a href="javascript:;" class="password"><b></b>修改密码</a>
		<a href="javascript:;" class="bind"><b></b>绑定手机</a>
		<a href="javascript:;" class="addr"><b></b>管理收货地址</a>
	</div>
		<!--我的订单右侧内容开始-->
	<h1>我的订单</h1>
	<div class="content">
		<div class="filter">
			<a href="javascript:;" class="curr">全部订单</a>
	        <a href="javascript:;">等待付款</a>
	        <a href="javascript:;">已付款</a>
	        <a href="javascript:;">交易完成</a>
	        <a href="javascript:;">预售订单</a>
		</div>
		<if value="$data">
		  <table id="order-list" class="order_table">
		    <tbody>
		      <tr class="order_list_title" style="border: 1px solid rgb(204, 204, 204);">
		        <th style="width: 195px">订单信息</th>
		        <th style="width: 80px">订购商品</th>
		        <th style="width: 40px">件数</th>
		        <th style="width: 80px">单价</th>
		        <th style="width: 70px">商品操作</th>
		        <th style="width: 120px">订单状态</th>
		        <th style="width: 90px">订单操作</th>
	          </tr>
		      <!--一件商品-->
		      <foreach from="$data" key="$k" value="$v">
		        <tr style="border: 1px solid rgb(204, 204, 204);">
		          <td class="order_info_td"><p>订单号: {$v.onum}</p>
		            <p>商品金额: &yen;{$v.subtotal}</p>
		            <!-- <p> 由 聚美优品 发货</p> --></td>
		          <td class="item_title"><a href="{|U:'Content/index',array('gid'=>$v['gid'])}" target="_blank" title="{$v.gname}"> <img src="__ROOT__/{$v.figure}" alt="{$v.gname}" style="width:60px;height:60px" /> </a></td>
		          <td>{$v.buy_num} </td>
		          <td>&yen;{$v.dan}</td>
		          <td><p> <a href="{|U:'Content/index',array('gid'=>$v['gid'])}" target="_blank">再次购买</a> </p></td>
		          <td><span class="status_grey">{$v.state}</span>
		            <!--判断海淘自营订单包裹状态显示--></td>
		          <td><if value="$v.state=='待发货'"> 等待发货
		            <elseif value="$v.state=='已完成'"/>
		            完成交易
		            <else/>
		            <p> <a href="javascript:;"onclick="if(confirm('确定已经收到商品了吗？')) location.href='{|U:'Center/collect',array('oid'=>$v['oid'])}'" >确认收货</a> </p>
		            </if></td>
	            </tr>
		        <!--一件商品结束-->
		        <tr class="separator" style="border: 1px solid rgb(204, 204, 204);">
		          <td colspan="7"></td>
	            </tr>
	          </foreach>
	        </tbody>
	      </table>
		  <else/>
		  <div class="null">
		    <div class="null-box"> <span class="logo"></span> <span class="title">您目前没有相关订单</span> </div>
	      </div>
		  <style type="text/css">
      .null{
        height: 258px;
        width: 767px;
        padding-top: 170px;
        border: 1px solid #dbd6d0;
        border-top: none;
      }
      .null .null-box{
        height: 59px;
        width: 270px;
        margin: 0 auto;
      }
      .null .null-box .logo{
        height: 59px;
        width: 90px;
        float: left;
        background: url(__PUBLIC__/images/null_icon.png) no-repeat;
      }
      .null .null-box .title{
        line-height: 59px;
        font-size: 18px;
        color: #797979;
        padding-left: 8px;
      }
          </style>
	  </if>
        <!-- <table id="table-header-fixed" style="display: none;">
     <tbody>
      <tr class="order_list_title"> 
       <th style="width: 195px">订单信息</th> 
       <th style="width: 80px">订购商品</th> 
       <th style="width: 40px">件数</th> 
       <th style="width: 80px">单价</th> 
       <th style="width: 70px">商品操作</th> 
       <th style="width: 120px">订单状态</th> 
       <th style="width: 90px">订单操作</th> 
      </tr>
     </tbody>
    </table>  -->
        <!--    <a href="#" class="backtotop" style="bottom: 100px;"><b></b>回到顶部</a> -->
        <style type="text/css">
     .order_list_title {
       background-color: white;
     }
     .separator td {
       height: 15px;
       border-left: 1px solid white;
       border-right: 1px solid white;
     }
      #cboxOverlay{
        z-index: 10003;
      }
      #colorbox{
        z-index: 10004;
      }
      #cboxContent{
        border: none;
        background: #FF659B;
      }
      #cboxLoadedContent{
        margin-top:0px;
      }
      #cboxClose {
        background: url(http://p0.jmstatic.com/templates/jumei/images/wish_deal/popup_new_close.jpg) no-repeat 0 0 transparent;
        width: 12px;
        height: 11px;
        top:8px;
        margin-right: 0px;
        text-align: left;
        text-indent: -9999px;
        padding-right: 10px;
      }
      #cboxClose:hover{
        background: url(http://p0.jmstatic.com/templates/jumei/images/wish_deal/popup_new_close.jpg) no-repeat 0 0 transparent;
      }
      .popup_box_new {
        width: 400px;
        _padding-bottom:20px;
      }
      .popup_box_new .title{
        height: 28px;
        line-height: 28px;
        text-indent: 15px;
        background: url(http://p0.jmstatic.com/templates/jumei/images/wish_deal/title_bg.jpg) repeat-x 0 0 transparent;
        color:#fff;
        font-size: 14px;
      }
      .popup_box_new .cont{
        padding: 15px;
      }
      .popup_box_new p{
        margin-top:20px;
        font-size: 16px;
        text-align: left;
        overflow: hidden;
        font-family: '微软雅黑','YaHei','黑体',Tahoma,Helvetica,arial,sans-serif;
      }
      .popup_box_new .btns{
        padding-left: 88px;
      }
      .popup_box_new .btn{
        float: left;
        display: block;
        width: 88px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        overflow: hidden;
        background: url(http://p0.jmstatic.com/templates/jumei/images/wish_deal/btn_new_bg.jpg) repeat-x 0 0 transparent;
        font-family: 宋体;
      }
      .popup_box_new p a:hover{
        text-decoration: none;
      }
      .popup_box_new .btns .btn_confirm{
        color:#fff;
        margin-right: 15px;
      }
      .popup_box_new .btns .btn_cancel{
        color:#333;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background-position: 0 -32px;
      }
        </style>
    </div>
	<!--我的订单右侧内容开始-->

	
</div>
<!--个人中心结束-->
<!--公共底部开始-->
<include file="__PUBLIC__/footer.html"/>
<!--公共底部结束-->
</body>
</html>
